<template>
	<div class="bottom">
		<ul>
			<li>
				<img src="../../assets/images/夜间模式.png"/>
				<p>夜间模式</p>
			</li>
			<li>
				<img src="../../assets/images/设置.png"/>
				<p>设置</p>
			</li>
			<li>
				<img src="../../assets/images/退出.png"/>
				<p>退出</p>
			</li>
		</ul>
	</div>
</template>

<script>
</script>

<style lang="scss" scoped>
@import "~@/assets/css/common.scss";
	.bottom{
		border-top: 1px solid #f9f8f2;
		width: 100%;
		height: 100%;		
		ul{
			width: 100%;
			height: 100%;
			padding: 0 vw(22);
			box-sizing: border-box;
			display: flex;
			align-items: center;
			justify-content: space-between;
			li{
				display: flex;
				align-items: center;
				justify-content: space-between;
				font-size: 0;
				img{
					width: vw(20);
					height: vw(20);
				}
				p{
					font-size: vw(15);
					color: #575757;
					margin-left: vw(10);
				}
			}
		}
	}
</style>